﻿
var checkAll;
var checkpll;
var Show;
var Fenye;
var close;
var idsArray = [];
var tidsArray = [];
//layui.use(function () {
//    var $ = layui.$;
//    var layer = layui.layer;
//    var util = layui.util;
//    var form = layui.form;


//    // 定义获取选中复选框值的函数
//    function getCheckedCheckboxValues() {
//        var checkedCheckboxValues = [];
//        $("input[name='ckbproc']:checked").each(function () {
//            checkedCheckboxValues.push($(this).val());
//        });
//        return checkedCheckboxValues;
//    }


//    // 事件
//    util.on('lay-on', {
//        'test-page-custom': function () {
//            layer.open({
//                type: 1,
//                area: ['900px', '600px'],
//                resize: false,
//                shadeClose: true,
//                title: '选择产品',
//                content: `
//               <form class="layui-form" action="">
//            <div class="layui-form-item">
//                <div class="layui-inline">
//                    <label class="layui-form-label">产品编号:</label>
//                    <div class="layui-input-block">
//                        <input type="text" id="productNos" name="productNo" placeholder="请输入" autocomplete="off" class="layui-input">
//                    </div>
//                </div>
//                <div class="layui-inline">
//                    <label class="layui-form-label">产品名称:</label>
//                    <div class="layui-input-block">
//                        <input type="text" id="productNames" name="productName" placeholder="请输入" autocomplete="off" class="layui-input">
//                    </div>
//                </div>
//                <div class="layui-inline">
//                    <div class="layui-btn-container">
//                        <button type="button" class="layui-btn layui-bg-blue" onclick="Fenye()">
//                            <i class="layui-icon layui-icon-search"></i>搜索
//                        </button>
//                    </div>
//                </div>
//            </div>
//        </form>
//        <div>
//        <table class="layui-table">
//        <tr>
//            <th>
//                <input type="checkbox" id="checkAll" onclick="checkAll()" value="" />
//           </th>
//            <th>产品编号</th>
//            <th>产品名称</th>
//            <th>规格</th>
//            <th>类别</th>
//            <th>存储单位</th>
//            <th>包装类型</th>
//            <th>价格</th>
//            <th>重量</th>
//            <th>显示名</th>
//        </tr>
//        <tbody id="data"></tbody>
//    </table>
//        </div>
//        <div id="demo-laypage-layout"></div>
//        <div style="text-align:right;margin-top:30px">
//        <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="closePopupBtn" onclick="close()">
//                            关闭
//                        </button>
//        <button type="button" class="layui-btn layui-bg-blue layui-btn-sm" >
//                            选择
//                        </button>
//        </div>

//            `,
//                success: function () {
//                    // 对弹层中的表单进行初始化渲染
//                    form.render();
//                    // 表单提交事件
//                    form.on('submit(demo-login)', function (data) {
//                        var field = data.field; // 获取表单字段值
//                        return false; // 阻止默认 form 跳转
//                    });

//                    //获取复选框值
//                    var chooseButton = $(".layui-btn.layui-bg-blue:last");
//                    chooseButton.on('click', function () {
//                        var checkedValues = getCheckedCheckboxValues();
//                        if (checkedValues.length > 0) {
//                            idsArray = checkedValues
//                            console.log("选中的复选框值:", checkedValues, idsArray);
//                            layer.close(index);

//                            //显示
//                            layui.use('table', function () {
//                                var form = layui.form;
//                                var table = layui.table;
//                                $.ajax({
//                                    url: '../Reportlosses/GetReportRangeModel', // 后端接口地址，需替换为实际地址
//                                    type: 'post',
//                                    data: {
//                                        productId: JSON.stringify(idsArray),
//                                        token: localStorage.getItem("token")
//                                    },
//                                    success: function (res) {
//                                        console.log(res)
//                                        var res = JSON.parse(res)
//                                        console.log(res)
//                                        console.log(idsArray)
//                                        // res 是从后端获取到的 JSON 数据
//                                        if (res.code === 0) {
//                                            console.log(res.data);
//                                            // tidsArray.push(res.data)
//                                            // console.log(tidsArray);
//                                            table.render({
//                                                elem: allocationProduct, // 对应 HTML 中表格的 id
//                                                data: res.data, // 绑定获取到的数据
//                                                page: true,
//                                                limit: 5,
//                                                limits: [5, 8, 10],
//                                                cols: [[
//                                                    { type: 'checkbox', fixed: 'left' },
//                                                    { field: 'productName', title: '产品名称' },
//                                                    { field: 'productNo', title: '产品编号' },
//                                                    { field: 'productSpec', title: '规格' },
//                                                    {
//                                                        field: 'productBatch', title: '批次',
//                                                        templet: function () {
//                                                            return '20241119';
//                                                        }
//                                                    },
//                                                    { field: 'productPrice', title: '单价' },
//                                                    { field: 'reportNum', title: '数量', edit: 'text' },
//                                                    {
//                                                        field: 'binLocationName', title: '当前库位',
//                                                        templet: function () {
//                                                            return '仓库2：默认正式库位';
//                                                        }
//                                                    },
//                                                    {
//                                                        field: '', title: '操作', width: 200, templet: function (d) {
//                                                            return '<a class="layui-btn layui-btn-edit layui-btn-xs" lay-on="test-page-delete"><i class="layui-icon layui-icon-edit"></i>删除</a> ';
//                                                        }
//                                                    }
//                                                ]]
//                                            });

//                                        } else {
//                                            console.log(res.msg);
//                                        }
//                                    },
//                                    error: function () {
//                                        console.log('获取数据失败');
//                                    }
//                                });
//                            });


//                        } else {
//                            layer.msg("请至少选择一项");
//                        }
//                    });
//                    //关闭弹窗
//                    close = function () {
//                        layer.close(index);
//                    }
//                }
//            });

//            var index = 1;
//            var size = 6;
//            var tacount = 0;
//            $(function () {
//                Fenye();
//            });
//            Show1 = function () {
//                var productNo = $("#productNos").val();
//                var productName = $("#productNames").val();
//                var manuNo = $("#manuNo").val();
//                var vendorId = $("#vendorId").val();
//                $.ajax({
//                    url: '../Product/GEtProductShow',
//                    async: false,//改为异步,
//                    type: 'get',
//                    data: {
//                        productNo: productNo,
//                        productName: productName,
//                        manuNo: manuNo,
//                        vendorId: vendorId,
//                        index: index,
//                        size, size,
//                        token: localStorage.getItem("token")
//                    },
//                    success: function (res) {
//                        var list = '';
//                        var parsedData = JSON.parse(res);
//                        console.log(parsedData)
//                        $(parsedData.data.list).each(function () {
//                            list += `
//                             <tr>
//                            <td>
//                                    <input type="checkbox" name="ckbproc" value="${this.productId}" />
//                                </td>
//                             <td>${this.productNo}</td>
//                              <td>${this.productName}</td>
//                              <td>${this.productSpec}</td>
//                              <td>${this.productTypeName}</td>
//                              <td>${this.productSpec}</td>
//                              <td>${this.productWrap}</td>
//                                  <td>${this.productPrice}</td>
//                              <td>${this.productWeight}</td>
//                                      <td>

//                                        </td>
//                         </tr> `
//                        });
//                        $("#data").html(list);
//                        tacount = parsedData.data.tacount;
//                    }
//                })
//            }

//            //分页
//            Fenye = function () {

//                layui.use(function () {
//                    var laypage = layui.laypage;
//                    // 完整显示
//                    Show1()
//                    laypage.render({
//                        elem: 'demo-laypage-layout', // 元素 id
//                        count: tacount, // 数据总数
//                        limit: size,//2.设置默认分页大小
//                        limits: [6, 10, 15],//3.设置分页组件可选的分页大小
//                        layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局
//                        jump: function (obj) {
//                            console.log(obj);
//                            index = obj.curr;
//                            size = obj.limit;
//                            Show1();
//                        }
//                    });
//                });
//            }


//            checkpll = function () {
//                var checkedIds = $("input[name='ckbproc']:checked");//取所有选中的name=ckbproc的复选框集合
//                var ids = [];//定义了一个数组,空的
//                $(checkedIds).each(function (i, obj) {
//                    var id = $(obj).val();
//                    ids.push(id);//往数组里push数字,数字就是我们的商品id
//                });

//                console.log(ids)
//            }
//            checkAll = function () {

//                var checked = $("#checkAll").prop("checked");  //取全选/反选 checkbox的选中状态值
//                $("input[name='ckbproc']").prop("checked", checked);//把所有name=ckbproc的checkbox的选中状态赋值为 checked
//                console.log(checked)
//            }


//        }
//    })

//});

//弹窗列表
layui.use(function () {
    var $ = layui.$;
    var layer = layui.layer;
    var util = layui.util;
    var form = layui.form;


    // 定义获取选中复选框值的函数
    function getCheckedCheckboxValues() {
        var checkedCheckboxValues = [];
        $("input[name='ckbproc']:checked").each(function () {
            checkedCheckboxValues.push($(this).val());
        });
        return checkedCheckboxValues;
        console.log(checkedCheckboxValues);
    }

    // 事件
    util.on('lay-on', {
        'test-page-custom': function () {
            layer.open({
                type: 1,
                area: ['950px', '600px'],
                resize: false,
                shadeClose: true,
                title: '选择产品',
                content: `
                            <form class="layui-form" action="">
                         <div class="layui-form-item">
                             <div class="layui-inline">
                                 <label class="layui-form-label">产品编号:</label>
                                 <div class="layui-input-block">
                                     <input type="text" id="productNo" name="productNo" placeholder="请输入" autocomplete="off" class="layui-input">
                                 </div>
                             </div>
                             <div class="layui-inline">
                                 <label class="layui-form-label">产品名称:</label>
                                 <div class="layui-input-block">
                                     <input type="text" id="productName" name="productName" placeholder="请输入" autocomplete="off" class="layui-input">
                                 </div>
                             </div>
                             <div class="layui-inline">
                                 <div class="layui-btn-container">
                                     <button type="button" class="layui-btn layui-bg-blue" onclick="Fenye()">
                                         <i class="layui-icon layui-icon-search"></i>搜索
                                     </button>
                                 </div>
                             </div>
                         </div>
                     </form>
                     <div>
                     <table class="layui-table">
                        <tr>
                            <th>
                                <input type="checkbox" id="checkAll" onclick="checkAll()"       value="" />
                           </th>
                            <th>产品编号</th>
                            <th>产品名称</th>
                            <th>规格</th>
                            <th>类别</th>
                            <th>存储单位</th>
                            <th>包装类型</th>
                            <th>价格</th>
                            <th>重量</th>
                            <th>显示名</th>
                        </tr>
                        <tbody id="data"></tbody>
                        
                    </table>
                     </div>
                     <div id="demo-laypage-layout"></div>
                     <div style="text-align:right;margin-top:30px">
                     
                     <button type="button" class="layui-btn layui-bg-blue layui-btn-sm" >
                                         选择
                                     </button>
                     </div>`,
                success: function () {
                    // 对弹层中的表单进行初始化渲染
                    form.render();
                    // 表单提交事件
                    form.on('submit(demo-login)', function (data) {
                        var field = data.field; // 获取表单字段值
                        return false; // 阻止默认 form 跳转
                    });

                    //获取复选框值
                    var chooseButton = $(".layui-btn.layui-bg-blue:last");
                    chooseButton.on('click', function () {
                        var checkedValues = getCheckedCheckboxValues();
                        if (checkedValues.length > 0) {
                            idsArray = checkedValues
                            console.log("选中的复选框值:", checkedValues, idsArray);
                            layer.close(index);
                            //显示
                            layui.use('table', function () {
                                var form = layui.form;
                                var table = layui.table;
                                $.ajax({
                                    url: '../Product/GetProductRangeModel',
                                    type: 'post',
                                    data: {
                                        productId: JSON.stringify(idsArray),
                                        token: localStorage.getItem("token")
                                    },
                                    success: function (res) {
                                        var res = JSON.parse(res)
                                        console.log(res.data)
                                        console.log(idsArray)
                                        // res 是从后端获取到的 JSON 数据
                                        if (res.code === 0) {
                                            console.log(res.data);
                                            table.render({
                                                elem: reportProductList, // 对应 HTML 中表格的 id
                                                data: res.data, // 绑定获取到的数据
                                                //page: true,
                                                //limit: 5,
                                                //limits: [5, 8, 10],
                                                cols: [[
                                                  { type: 'checkbox', fixed: 'left' },
                                                  { field: 'productName', title: '产品名称' },
                                                  { field: 'productNo', title: '产品编号' },
                                                  { field: 'productSpec', title: '规格' },
                                                  {
                                                      field: 'productBatch', title: '批次',
                                                      templet: function () {
                                                          return '20241119';
                                                      }
                                                  },
                                                  { field: 'productPrice', title: '单价' },
                                                  { field: 'reportNum', title: '数量', edit: 'text' },
                                                  {
                                                      field: 'binLocationName', title: '当前库位',
                                                      templet: function () {
                                                          return '仓库2：默认正式库位';
                                                      }
                                                  },
                                                  {
                                                      field: '', title: '操作', width: 200, templet: function (d) {
                                                                                                            return '<a class="layui-btn layui-btn-edit layui-btn-xs" lay-on="test-page-delete"><i class="layui-icon layui-icon-edit"></i>删除</a> ';
                                                }
                                                }
                                                ]],
                                                done: function (res, curr, count) {
                                                    var options = this;

                                                    // 获取当前行数据 - 自定义方法
                                                    table.getRowData = function (tableId, elem) {
                                                        var index = $(elem).closest('tr').data('index');
                                                        return table.cache[tableId][index] || {};
                                                    };
                                                    // 展示数据 - 仅用于演示
                                                    var showData = function (data) {
                                                        return layer.msg('当前行最新数据：<br>' + util.escape(JSON.stringify(data)), {
                                                            offset: '16px',
                                                            anim: 'slideDown'
                                                        });
                                                    };
                                                }//===========

                                            })
                                        } else {
                                            console.log(res.msg);
                                        }
                                        // layui form select 事件
                                        form.on('select(select-demo)', function (obj) {
                                            var value = obj.value; // 获取选中项 value
                                            console.log(value)
                                            // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
                                            var data = table.getRowData(options.id, obj.elem);
                                            // 更新数据中对应的字段
                                            data.binLocationName = value;
                                            // 显示当前行最新数据 - 仅用于示例展示
                                            showData(data);
                                        })//==========   
                                    },
                                    error: function () {
                                        console.log('获取数据失败');
                                    }
                                });
                            });

                            console.log("选中的复选框值:", checkedValues, idsArray);
                        } else {
                            layer.msg("请至少选择一项");
                        }

                    });

                    //关闭弹窗
                    close = function () {
                        layer.close(index);
                    }
                }

            });

            //// 监听单元格编辑事件
            //table.on('edit(test)', function (obj) {
            //    var value = obj.value; // 修改后的值
            //    var field = obj.field; // 字段名
            //    var data = obj.data; // 所在行数据

            //    // 如果是单价或数量字段被编辑，则计算总价
            //    if (field === 'price' || field === 'storageNum') {
            //        var price = parseFloat(data.price) || 0;
            //        var storageNum = parseFloat(data.storageNum) || 0;
            //        var totalPrice = price * storageNum;
            //        data.totalPrice = totalPrice.toFixed(2);
            //        table.reload('allocationProduct', { data: table.cache.allocationProduct });
            //        form.render();
            //    }
            //});
            var index = 1;
            var size = 6;
            var tacount = 0;
            $(function () {
                Fenye();
            });
            //弹窗显示
            Show = function () {
                var productNo = $("#productNo").val();
                var productName = $("#productName").val();
                var manuNo = $("#manuNo").val();
                var vendorId = $("#vendorId").val();
                $.ajax({
                    url: '../Product/GEtProductShow',
                    async: false,//改为异步,
                    type: 'get',
                    data: {
                        productNo: productNo,
                        productName: productName,
                        manuNo: manuNo,
                        vendorId: vendorId,
                        index: index,
                        size, size,
                        token: localStorage.getItem("token")
                    },
                    success: function (res) {
                        var list = '';
                        var parsedData = JSON.parse(res);
                        console.log(parsedData)
                        $(parsedData.data.list).each(function () {
                            list += `
                         <tr>
                        <td>
                                <input type="checkbox" name="ckbproc" value="${this.productId}" />
                            </td>
                         <td>${this.productNo}</td>
                          <td>${this.productName}</td>
                          <td>${this.productSpec}</td>
                          <td>${this.productTypeName}</td>
                          <td>${this.unitName}</td>
                          <td>${this.productWrap}</td>
                          <td>${this.price}</td>
                          <td>${this.productWeight}</td>
                                  <td>
                                     
                                    </td>
                     </tr> `
                        });
                        $("#data").html(list);
                        tacount = parsedData.data.tacount;
                    }
                })
            }

            //分页
            Fenye = function () {

                layui.use(function () {
                    var laypage = layui.laypage;
                    // 完整显示
                    Show()
                    laypage.render({
                        elem: 'demo-laypage-layout', // 元素 id
                        count: tacount, // 数据总数
                        limit: size,//2.设置默认分页大小
                        limits: [6, 10, 15],//3.设置分页组件可选的分页大小
                        layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局
                        jump: function (obj) {
                            console.log(obj);
                            index = obj.curr;
                            size = obj.limit;
                            Show();
                        }
                    });
                });
            }

            checkpll = function () {
                var checkedIds = $("input[name='ckbproc']:checked");//取所有选中的name=ckbproc的复选框集合
                var ids = [];//定义了一个数组,空的
                $(checkedIds).each(function (i, obj) {
                    var id = $(obj).val();
                    ids.push(id);//往数组里push数字,数字就是我们的商品id
                });

                console.log(ids)
            }
            checkAll = function () {

                var checked = $("#checkAll").prop("checked");  //取全选/反选 checkbox的选中状态值
                $("input[name='ckbproc']").prop("checked", checked);//把所有name=ckbproc的checkbox的选中状态赋值为 checked
                console.log(checked)
            }
            //关闭弹窗
            close = function () {
                layer.close(index);
            }
        }

    })
});
function tiaoz() {
    location.href = '/Reportlosses/ShowReportlossesView';
}

function guanbi() {
    location.href = '/Reportlosses/AddReportlossesView';
}

$(function () {
    getdata()
})

function getdata() {
    var n = new Date();
    var ss = n.getFullYear() + (n.getMonth() + 1).toString().padStart(2, '0') +
        n.getDate().toString().padStart(2, '0') +
        n.getHours().toString().padStart(2, '0') +
        n.getMinutes().toString().padStart(2, '0') +
        n.getSeconds().toString().padStart(2, '0');
    $("#reportlossesNos").val(ss);


}

//添加报损信息
layui.use(['layer', 'form', 'util', 'table'], function () {
    var layer = layui.layer;
    var $ = layui.jquery;
    var form = layui.form;
    var util = layui.util;
    var table = layui.table;

    form.on('submit(formSubmit)', function (data) {
        var field = data.field;
        var checkStatus = table.checkStatus('reportProductList');
        field.reportProductInfo = checkStatus.data.map(function (item) {

            return item;
        });
        console.log(field);//field.products
        // 显示填写结果，仅作演示用
        $.ajax({
            url: '../Reportlosses/ReportlossesAdd',
            type: 'post',
            data: {
                data: field,
                token: localStorage.getItem("token"),
            },
            success: function (res) {
                var res = JSON.parse(res)
                console.log(field);
                console.log(res);
                if (res.code == 0) {
                    layer.alert("添加成功");
                    location.href = '/Reportlosses/ShowReportlossesView'
                } else {
                    layer.alert("添加失败");
                }
            }
        });

        return false; // 阻止默认 form 跳转
    });
})

